草庐IT

前端 PM

全部标签

前端安全(xss与crsf及其案例)

前端安全(xss与crsf)XSS(Cross-SiteScripting)(跨站脚本攻击):XSS攻击是一种注入恶意脚本(通常是JavaScript代码)到用户浏览器中的攻击方式。攻击者通过在受信任网站上注入恶意脚本,使用户在浏览器中执行这些脚本。XSS攻击可以分为以下几种类型:存储型XSS:攻击者将恶意脚本存储在服务器上,当用户请求包含这些脚本的页面时,脚本会被执行。反射型XSS:恶意脚本作为参数包含在URL中,当用户点击包含这些脚本的恶意链接时,脚本会被执行。DOMXSS:恶意脚本通过修改页面的DOM结构来触发攻击,而不是通过服务器返回的内容。防范XSS的方法包括对输入进行合理的验证和过

前端sql语句输入框以及格式化sql语句和sql关键词高亮---sql-formatter、vue-codemirror

1.下载npminstallsql-formatter--save//sql语句格式化版本2.3.3(不然报错)npminstallvue-codemirror--save//用于sql语句关键词高亮2.引入importsqlFormatterfrom'sql-formatter';importCodeMirrorfrom'codemirror/lib/codemirror';import'codemirror/lib/codemirror.css';import'codemirror/theme/darcula.css';import'codemirror/mode/sql/sql.js';

我们一起聊聊前端路由的Hash模式和History模式

前端路由是现代单页面应用(SPA)中不可或缺的一部分,它允许用户在不重新加载整个页面的情况下,实现页面之间的切换。在前端路由的实现中,Hash模式和History模式是两种常见的技术。本文将深入探讨这两种模式的原理和区别。Hash模式Hash模式是基于URL的hash值来实现的。在URL中,hash值是跟在#符号后面的部分,通常用于指向页面内的某个位置。在Hash模式的路由中,我们利用这个特性来模拟完整的URL路径。原理当用户点击链接时,只有hash值发生变化,浏览器不会向服务器发送请求。这是因为hash值的改变只会触发浏览器的hashchange事件,而不会导致页面的重新加载。前端路由库可以

前端请求报错net::ERR_INCOMPLETE_CHUNKED_ENCODING

背景:项目后端程序运行环境为centos7.6。过程:首先是前端页面中大小为160多KB以上的图片均无法加载,且后端程序捕获到异常IOException,查看前端请求发现内存较大的图片均请求响应状态为200,但返回failed,net::ERR_INCOMPLETE_CHUNKED_ENCODING,并且后端频繁出现tcp管道断开重连异常Causedby:java.io.IOException:Connectionresetbypeer解决过程:①考虑较小的图片可以加载,应nginx相关配置造成,在nginx.conf中location下添加了缓冲区的相关配置,不再使用默认的缓冲区配置loca

【前端】Window.open打不开网页

📖背景        项目部署到生产环境以后,当我需要打开后端返回的url时,却发现打不开了,看了一下URL的开头,原来是http。由于线上是HTTPS的页面,所以加上s就可以正常打开了,但是这是为什么呢?⭐️解答        这是由于现代浏览器的安全策略造成的。        许多现代浏览器都实施了一个策略,即从HTTPS页面禁止打开不安全的HTTP页面。这是因为HTTPS是安全的,而HTTP是不安全的,所以从HTTPS页面打开HTTP页面可能会导致安全问题。        例如,如果你的网站是HTTPS,并且你试图使用window.open()打开一个HTTP链接,这可能会被浏览器阻止,

vue 前端根据url在线预览pdf、docx、xlsx、txt、html文件

一、pdf通过pdf.js实现1、下载pdf.js文件夹;http://mozilla.github.io/pdf.js/2、将下载的文件拉进项目中;详见:https://blog.csdn.net/m0_56415970/article/details/1243161693、iframeiframeid="iframe":src="url"frameborder="0">/iframe>return'web/viewer.html?file='+this.pdfUrl注:使用pdf.js时,当有跨域的问题时,会加载失败,错误信息为:fileorigindoesnotmatchviewer’s

(vue权限管理)前端路由表角色权限管理,通过登录不同角色侧边栏显示对应页面

前端路由表角色权限管理,通过登录不同角色侧边栏显示对应页面demo根据vue-admin-template为基础修改,首先展示实现的效果1.首先在src/router/index.js中添加路由表,其中constantRoutes设置的为所有角色可见的路由,asyncRouterMap为对应权限人员可见路由,demo路由表代码如下:importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)//避免导航守卫报错constoriginalPush=Router.prototype.pushRouter.prototype.push=f

前端vue导出PPT,使用pptxgen.js

前言公司新需求需要导出ppt给业务用,查阅资料后发现也挺简单的,记录一下。如有不懂的可以留言!!!1.安装包npminstallpptxgenjs--save2.引入包在需要使用的文件中引入importPptxgenfrom"pptxgenjs"导出事件Buttontype="primary"@click="exportPPT">导出周报Button>这里有几个注意点说一下slide当前PPT页,可以通过addText(),addTable()等方法在当前页面添加文字、图表、图片等元素Text文字,可以对ppt文字颜色、字体大小、字体阴影、背景颜色、文字位置等属性进行配置,达到自己想要的效果T

java - 如何为安全消息传递前端和符合 HIPAA 标准的数据库选择解决方案?

我对建立一个小型企业网站很感兴趣,该网站的前端将是一个客户门户(安全消息中心),或许可以上传图片。需要电子商务功能,使用Paypal和CC(仅限美国)。后端将是一个数据库,整个系统需要符合HIPAA标准。我想知道这应该建立在什么平台上?是否有用于安全消息传递(我希望有用于电子商务)和数据库的现成模块/库?我有Java编程经验,但仅限于Android,以及iOS上的Swift——编写了几个应用程序——包括内置的SQLite功能。如果我决定将其外包出去(这很可能发生),我希望了解需要什么类型的编程或包。PHP/MySQL是否符合要求?你能给我指出正确的方向,这样我就可以自学了吗?

spring boot基础学习之(八)在前端网页中获取后端信息并显示出来

本次项目所有能够使用的静态资源可以免费进行下载静态资源 在本篇代码DAO层将通过Java文件去实现,在这里就不连接数据,然后通过jdbc将数据库内容的内容显示出来案例:员工管理系统创建DAO层创建储存用户属性信息的工具类packagecom.example.demo2.pojo;importlombok.AllArgsConstructor;importlombok.Data;importlombok.NoArgsConstructor;importjava.util.Date;@Data//生成属性的set和get方法@NoArgsConstructor//注解:自动化自己主动生成无参构造方